// 使用选择器
import {useSelector,useDispatch} from 'react-redux'
// 导入动作
import {add} from '../../store/counterAction'
function OrderList() {
  // 选择到state中的counter的num
  const num = useSelector(state=>state.counter.num)
  // 创建一个触发器
  const dispatch = useDispatch();
  return ( <div>
    订单列表
    <p>
      {/* 单击发送动作给reducer 处理返回新的state数据 */}
      <button onClick={()=>dispatch({type:"INCREMENT"})}>{num}</button>
      <button onClick={()=>dispatch(add())}>{num}</button>
    </p>
    </div> );
}

export default OrderList;